{
  "base": {
    "accent": {
      "value": "{colors.accent-light}",
      "type": "color",
      "description": "Highlight color for active or focused elements"
    },
    "accent-foreground": {
      "value": "{colors.accent-foreground-light}",
      "type": "color",
      "description": "Text and icons on accent-colored elements"
    },
    "background": {
      "value": "{colors.background-light}",
      "type": "color",
      "description": "Main application background"
    },
    "border": {
      "value": "{colors.border-light}",
      "type": "color",
      "description": "Default border color"
    },
    "card": {
      "value": "{colors.card-light}",
      "type": "color",
      "description": "Card component background"
    },
    "card-foreground": {
      "value": "{colors.card-foreground-light}",
      "type": "color",
      "description": "Text and icons within cards"
    },
    "destructive": {
      "value": "{colors.destructive-light}",
      "type": "color",
      "description": "Error and deletion action color"
    },
    "destructive-foreground": {
      "value": "{colors.destructive-foreground-light}",
      "type": "color",
      "description": "Text and icons on destructive-colored elements"
    },
    "foreground": {
      "value": "{colors.foreground-light}",
      "type": "color",
      "description": "Primary text color on the background"
    },
    "input": {
      "value": "{colors.input-light}",
      "type": "color",
      "description": "Form inputs and button borders"
    },
    "muted": {
      "value": "{colors.muted-light}",
      "type": "color",
      "description": "Subdued background for less important elements"
    },
    "muted-foreground": {
      "value": "{colors.muted-foreground-light}",
      "type": "color",
      "description": "De-emphasized text (captions, labels)"
    },
    "popover": {
      "value": "{colors.popover-light}",
      "type": "color",
      "description": "Background for dropdown menus and popovers"
    },
    "popover-foreground": {
      "value": "{colors.popover-foreground-light}",
      "type": "color",
      "description": "Text and icons within popovers"
    },
    "primary": {
      "value": "{colors.primary-light}",
      "type": "color",
      "description": "Brand color for primary actions (buttons, highlights)"
    },
    "primary-foreground": {
      "value": "{colors.primary-foreground-light}",
      "type": "color",
      "description": "Text and icons on primary-colored elements"
    },
    "ring": {
      "value": "{colors.ring-light}",
      "type": "color",
      "description": "Focus indicator color"
    },
    "secondary": {
      "value": "{colors.secondary-light}",
      "type": "color",
      "description": "Less prominent action color"
    },
    "secondary-foreground": {
      "value": "{colors.secondary-foreground-light}",
      "type": "color",
      "description": "Text and icons on secondary-colored elements"
    },
    "ring-offset": {
      "value": "{tailwind colors.base.white}",
      "type": "color",
      "description": "The color of the space between a focused element and its ring outline"
    },
    "chart-1": {
      "value": "{colors.chart-1-light}",
      "type": "color",
      "description": "Data visualization colors"
    },
    "chart-2": {
      "value": "{colors.chart-2-light}",
      "type": "color",
      "description": "Data visualization colors"
    },
    "chart-3": {
      "value": "{colors.chart-3-light}",
      "type": "color",
      "description": "Data visualization colors"
    },
    "chart-4": {
      "value": "{colors.chart-4-light}",
      "type": "color",
      "description": "Data visualization colors"
    },
    "chart-5": {
      "value": "{colors.chart-5-light}",
      "type": "color",
      "description": "Data visualization colors"
    },
    "sidebar-primary-foreground": {
      "value": "{colors.sidebar-primary-foreground-light}",
      "type": "color",
      "description": "Text on sidebar primary elements"
    },
    "sidebar-primary": {
      "value": "{colors.sidebar-primary-light}",
      "type": "color",
      "description": "Primary actions within sidebar"
    },
    "sidebar-foreground": {
      "value": "{colors.sidebar-foreground-light}",
      "type": "color",
      "description": "Text and icons within sidebar"
    },
    "sidebar-background": {
      "value": "{colors.sidebar-background-light}",
      "type": "color",
      "description": "Sidebar background"
    },
    "sidebar-accent": {
      "value": "{colors.sidebar-accent-light}",
      "type": "color",
      "description": "Highlighted elements within sidebar"
    },
    "sidebar-accent-foreground": {
      "value": "{colors.sidebar-accent-foreground-light}",
      "type": "color",
      "description": "Text on sidebar accent elements"
    },
    "sidebar-border": {
      "value": "{colors.sidebar-border-light}",
      "type": "color",
      "description": "Sidebar divider lines or borders"
    },
    "sidebar-ring": {
      "value": "{colors.sidebar-ring-light}",
      "type": "color",
      "description": "Focus indicators within sidebar"
    },
    "card-border": {
      "value": "{colors.card-border-light}",
      "type": "color",
      "description": "Text and icons within cards"
    },
    "success-background": {
      "value": "{tailwind colors.green.200}",
      "type": "color"
    },
    "success-foreground": {
      "value": "{tailwind colors.green.900}",
      "type": "color"
    },
    "info-background": {
      "value": "{tailwind colors.cyan.200}",
      "type": "color"
    },
    "info-foreground": {
      "value": "{tailwind colors.cyan.900}",
      "type": "color"
    },
    "warning-background": {
      "value": "{tailwind colors.orange.200}",
      "type": "color"
    },
    "warning-foreground": {
      "value": "{tailwind colors.amber.900}",
      "type": "color"
    },
    "link": {
      "value": "{colors.link-light}",
      "type": "color"
    },
    "link-visited": {
      "value": "{colors.link:visited-light}",
      "type": "color"
    }
  },
  "alpha": {
    "5": {
      "value": "{colors.alpha-5-light}",
      "type": "color"
    },
    "10": {
      "value": "{colors.alpha-10-light}",
      "type": "color"
    },
    "20": {
      "value": "{colors.alpha-20-light}",
      "type": "color"
    },
    "30": {
      "value": "{colors.alpha-30-light}",
      "type": "color"
    },
    "40": {
      "value": "{colors.alpha-40-light}",
      "type": "color"
    },
    "50": {
      "value": "{colors.alpha-50-light}",
      "type": "color"
    },
    "60": {
      "value": "{colors.alpha-60-light}",
      "type": "color"
    },
    "70": {
      "value": "{colors.alpha-70-light}",
      "type": "color"
    },
    "80": {
      "value": "{colors.alpha-80-light}",
      "type": "color"
    },
    "90": {
      "value": "{colors.alpha-90-light}",
      "type": "color"
    }
  },
  "custom": {
    "background dark:input\\30": {
      "value": "{base.background}",
      "type": "color",
      "description": "Used in UI elements that have background color variable in light mode and input/30 variable in dark mode"
    },
    "accent dark:input\\50": {
      "value": "{base.accent}",
      "type": "color",
      "description": "Used in UI elements that have accent color variable in light mode and input/50 variable in dark mode"
    },
    "outline": {
      "value": "{colors.outline-light}",
      "type": "color",
      "description": "Used in focus effect"
    },
    "destructive dark:destructive\\70": {
      "value": "{base.destructive}",
      "type": "color",
      "description": "Used in UI elements that have destructive color variable in light mode and destructive/70 variable in dark mode"
    },
    "destructive dark:destructive\\90": {
      "value": "{base.destructive}",
      "type": "color",
      "description": "Used in UI elements that have destructive color variable in light mode and destructive/90 variable in dark mode"
    },
    "destructive dark:destructive\\60": {
      "value": "{base.destructive}",
      "type": "color",
      "description": "Used in UI elements that have destructive color variable in light mode and destructive/60 variable in dark mode"
    },
    "dark:input": {
      "value": "#ffffff00",
      "type": "color",
      "description": "Used when UI element uses the dark:input class"
    },
    "input dark:input\\80": {
      "value": "{base.input}",
      "type": "color",
      "description": "Used in UI elements that have input color variable in light mode and input/80 variable in dark mode"
    },
    "destructive\\20 dark:destructive\\40": {
      "value": "#dc262633",
      "type": "color",
      "description": "Used in UI elements that have destructive/20 color variable in light mode and destructive/40 variable in dark mode"
    },
    "destructive\\40 dark:destructive\\60": {
      "value": "#dc262666",
      "type": "color",
      "description": "Used in UI elements that have destructive/40 color variable in light mode and destructive/60 variable in dark mode"
    },
    "outline\\10 dark:outline\\20": {
      "value": "#a3a3a31a",
      "type": "color",
      "description": "Used in UI elements that have outline/10 color variable in light mode and outline/20 variable in dark mode"
    }
  },
  "brand-primary-foreground": {
    "value": "{custom.brand-primary-foreground-light}",
    "type": "color"
  }
}